<!DOCTYPE html>
<html>
<head>
    <title>定时器Demo</title>
    <meta http-equiv="Content-Type" content="text.html; charset=utf-8">
    <script type="text/javascript" src="js/jquery.min.js"></script> 
</head>
<body>
<div id="test" style="width:0;height:500px;margin:100px auto;font-size:40px;background:red;"></div>
<script type="text/javascript">
Date.prototype.Format = function(fmt)   
{ //author: meizz   
  var o = {   
    "M+" : this.getMonth()+1,                 //月份   
    "d+" : this.getDate(),                    //日   
    "h+" : this.getHours(),                   //小时   
    "m+" : this.getMinutes(),                 //分   
    "s+" : this.getSeconds(),                 //秒   
    "q+" : Math.floor((this.getMonth()+3)/3), //季度   
    "S"  : this.getMilliseconds()             //毫秒   
  };   
  if(/(y+)/.test(fmt))   
    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
  for(var k in o)   
    if(new RegExp("("+ k +")").test(fmt))   
  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
  return fmt;   
}
    var time = new Date();
    console.error(time);
    console.warn(time.getTime());
    var width = 0;
    var maxWidth = 500;
    var type = 0;
    var setTime = function() {
        var test = $("#test");
        var testWidth = test.width();
        // test.text(new Date().Format("yyyy-MM-dd hh:mm:ss"));
        console.log(testWidth);
        if(type == 0){
            testWidth = testWidth+10;
        }else{
            testWidth = testWidth-10;
        }
        if (testWidth> maxWidth) {
            type = 1;
        }else if(testWidth == 0){
            type = 0;
        };
        test.css("width",testWidth+"px");
    };
    // window.setTimeout(setTime, 1000);
    // window.setInterval(setTime, 20);
    $('#test').animate({width:500},1000);
</script>
</body>
</html>